<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>day3zuoye</title>
<style type="text/css">
#bigbox{width:600px; height:100px;}
.geshi{width:100px; height:100px; background-image: url(../img/colorsolid.jpg); background-repeat:no-repeat; float:left;}
.box1 {background-position: 0px 0px;}
.box2 {background-position: 0px -100px;}
.box3 {background-position: -100px -100px;}
.box4 {background-position: -100px 0px;}
.box5 {background-position: -200px -100px;}
.box6 {background-position: -200px -300px;}

</style>
</head>

<body>
<div id="bigbox">
<div class="box1 geshi"></div>
<div class="box2 geshi"></div>
<div class="box3 geshi"></div>
<div class="box4 geshi"></div>
<div class="box5 geshi"></div>
<div class="box6 geshi"></div>
</div>

</body>
</html>
